.layout{width: 85.15%; margin: 0 auto;}
img{max-width: 100%;}
.clearfix:before,.clearfix:after{content:""; display:table}.clearfix{zoom:1;}
.clearfix:after{content:""; clear: both; height: 0; visibility: hidden; display: block;}
@font-face {
    font-family: 'Conv_DINCondensedC';
    src: url('../fonts/dincondensedc.eot');
    src: local('☺'),
        url('../fonts/dincondensedc.woff') format('woff'),
        url('../fonts/dincondensedc.ttf') format('truetype'),
        url('../fonts/dincondensedc.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


.callNum{float: right; height: 80px; line-height: 80px; margin-left: 30px; }
.callNum span{font-family: "Arial"; font-size: 18px; font-weight: bold; color: #fff; padding-left: 30px; background: url(../images/callnum.png) left center no-repeat;}






.header-hover,.header-hover1,.fixed-nav22222{background-color: #fff; -webkit-box-shadow: 10px 0px 10px rgba(0,0,0,0.3); box-shadow: 10px 0px 10px rgba(0,0,0,0.3);}
.header-hover .logoaaaaaaa a,.header-hover1 .logoaaaaaaa a,.fixed-nav22222 .logoaaaaaaa a{background-image: url(../images/logoaaaaaaa_h.png);}
.header-hover .nav22222 ul li>a,.header-hover1 .nav22222 ul li>a,.fixed-nav22222 .nav22222 ul li>a{color: #000;}
.header-hover .callNum span,.header-hover1 .callNum span,.fixed-nav22222 .callNum span{color: #e41700; background: url(../images/callnum_h.png) left center no-repeat;}



.header-hover .logoaaaaaaa a,.header-hover1 .logoaaaaaaa a,.fixed-nav222222 .logoaaaaaaa a{background-image: url(../images/logoaaaaaaa_h.png);}
.header-hover .nav22222 ul li>a,.header-hover1 .nav22222 ul li>a,.fixed-nav222222 .nav22222 ul li>a{color: #000;}
.header-hover .callNum span,.header-hover1 .callNum span,.fixed-nav222222 .callNum span{color: #e41700; background: url(../images/callnum_h.png) left center no-repeat;}





.btn-m-list{width: 55px; height: 50px; position: absolute; right: 0; top: 50%; margin-top: -25px; z-index: 999999; display: none; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.trans,.trans:hover{-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.trans-fast, .trans-fast:hover {-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width: 24px; height: 2px; background-color: #000; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0 0 0 -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center;}
.btn-m-list .burger-2{top: 25px; width: 18px;}
.btn-m-list .burger-3{top: 33px; width: 13px;}
.btn-m-list.on .burger-1{top: 25px; width: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg);transform: rotate(225deg);}
.btn-m-list.on .burger-2{top: 25px; width: 21px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top: 25px; width: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; z-index: 2000; display: none; background-color: rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}




.neirong2{width: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 9999999; overflow-y: auto; touch-action: pan-y;-webkit-user-select: none;-webkit-user-drag: none; background:#000}
.neirong2 .neirong2-bd{padding: 50px 50px 20px 50px; visibility: hidden;}
.neirong2 li{border-bottom: 1px solid #d0a676; -webkit-transition: all .35s ease-out;-moz-transition: all .35s ease-out;-ms-transition: all .35s ease-out;-o-transition: all .35s ease-out;transition: all .35s ease-out;}
.neirong2 li>a{display: block; height: 47px; line-height: 47px; color: #fff; font-size: 16px;}
.neirong2 li.on>a{color: #fff;}
.neirong2.neirong2-on{left: 0;}
.neirong2-close{width: 24px; height: 24px; background: url(../images/nav_close.png) no-repeat 7px center; position: absolute; top: 20px; left: 10px; visibility: hidden;}
.neirong2.neirong2-hide{
    background-color: rgba(195,145,91,.8);
    height: 0;
    -webkit-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    -moz-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    -ms-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    -o-transition:background 0.35s linear,height 0.25s ease-in 200ms;
    transition:background 0.35s linear,height 0.25s ease-in 200ms;}
.neirong2.neirong2-show{background-color: #264693; height: 100%;}
.neirong2.neirong2-show .neirong2-bd,.neirong2.neirong2-show .neirong2-close{visibility: visible;}
.neirong2.neirong2-hide li,.neirong2.neirong2-hide .subcall span{
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(-24px);
    -moz-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
    -o-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
}
.neirong2.neirong2-show li,.neirong2.neirong2-show .subcall span{opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
.neirong2 li:nth-of-type(2){ -webkit-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms;}
.neirong2 li:nth-of-type(3){ -webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.neirong2 li:nth-of-type(4){ -webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}
.neirong2 li:nth-of-type(5){ -webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.neirong2 li:nth-of-type(6){ -webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.neirong2 li:nth-of-type(7){ -webkit-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms;}
.neirong2 li:nth-of-type(8){ -webkit-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms;}
.neirong2 li:nth-of-type(9){ -webkit-transition-delay: 650ms,650ms; transition-delay: 650ms,650ms;}
.neirong2 li:nth-of-type(10){ -webkit-transition-delay: 700ms,700ms; transition-delay: 700ms,700ms;}
.neirong2 li:nth-of-type(11){ -webkit-transition-delay: 750ms,750ms; transition-delay: 750ms,750ms;}
.neirong2 .subnav{display: none;}
.neirong2 .subnav a{display: block; font-size: 14px; color: #fafafa; padding: 10px 0; padding-left: 15px; }
.neirong2 .subcall{padding: 0 50px; }
.neirong2 .subcall span{-webkit-transition-delay: 850ms,850ms; transition-delay: 850ms,850ms; -webkit-transition: all .35s ease-out;-moz-transition: all .35s ease-out;-ms-transition: all .35s ease-out;-o-transition: all .35s ease-out;transition: all .35s ease-out;}
.neirong2 .subcall span{font-family: "Arial"; display: block; font-size: 18px; font-weight: bold; color: #fff; padding-left: 30px; background: url(../images/callnum.png) left center no-repeat;}

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; z-index: 1; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block;}

.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden{display: none;}
.bannerBox{width: 100%; height: 100%; position: relative; z-index: 1;}
.banner{width: 100%; height: 100%; position: relative;}
.banner .slideshow{width: 100%; height: 100%; position: relative; z-index: 1;}
.banner .slideshow *{outline: none;}
.banner .slideshow .slider-track{-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.banner .pimg{width: 100%; height: 100vh; background-image: url(../images/banner1.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.banner .banText{width: 100%; position: absolute; left: 0; top: 50%; z-index: 10; _margin-top: -124px; transform: translateY(-50%);}
.banner .banText .h2{font-size: 46px; font-weight: bold; color: #fff; line-height: 1.1;}
.banner .banText .h2 i{color: #e41700;}
.banner .banText .pn{font-family: "Arial"; font-size: 16px; color: #dadada; margin-top: 10px;}
.banner .banText .h2,.banner .banText .pn{
    opacity: 0;
    transform: translateY(-100%);
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.banner .banText .pn{
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;}
.banner .slick-active .h2,.banner .slick-active .pn{opacity: 1; transform: translateY(0);}
.mouseIco{width: 52px; height: 52px; border: 1px solid #fff; border-radius: 50%; display: block; margin-top: 60px; position: relative; cursor: pointer;}
.mouseIco i{display: block; width: 8px; height: 15px; position: absolute; left: 0; right: 0; top: 0; margin: auto; background: url(../images/mouseico_i.png) no-repeat; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
.bannerNumBar{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    perspective: 800px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;}
.bannerNumBar .digital{
    background-color: #fff;
    overflow: hidden;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform: rotateX(0deg) translate3d(0,0,0);
    -webkit-transform: rotateX(0deg) translate3d(0,0,0);
    -moz-transform: rotateX(0deg) translate3d(0,0,0);
    transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;}
.bannerNumBar .digital.active{
    transform: rotateX(100deg) translate3d(0,0,0);
    -webkit-transform: rotateX(100deg) translate3d(0,0,0);
    -moz-transform: rotateX(100deg) translate3d(0,0,0);}
.bannerNumBar ul li{width: 33.333%; height: 130px; padding-top: 40px; float: left; text-align: center;}
.bannerNumBar ul li.item1{text-align: left;}
.bannerNumBar ul li .box{display: inline-block; text-align: left; margin: 0 100px;}
.bannerNumBar ul li .num{font-family: 'Conv_DINCondensedC'; font-size: 60px; font-weight: bold; color: #e41700; line-height: 1.1;}
.bannerNumBar ul li .pn{font-size: 16px; color: #666;}
.bannerNumBar ul li.item2{text-align: center;}
.bannerNumBar ul li.item2 .num{color: #0163d1;}
.bannerNumBar ul li.item3{text-align: right;}
.bannerNumBar ul li.item3 .num{color: #eca50b;}

/*index*/
.contain{width: 100%; padding-top: 0;}
.sectionBox{width: 100%; background-color: #fff; padding: 50px 0 50px 0; position: relative; z-index: 1;}
.section01{background-color: #fff; border-bottom: 1px solid #f4f4f4;}
.indexTitle{width: 100%; text-align: center;}
.indexTitle h2{font-size: 36px;  color: #000; line-height: 1.1;}
.indexTitle p{font-size: 18px; color: #666; margin-top: 10px;}
.inBusiness{width: 100%; margin-top: 50px;}
.inBusiness ul li{width: 25%; float: left; background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat;}
.inBusiness ul li.item1{background-color: #000;}
.inBusiness ul li.item2{background-color: #1cba75;}
.inBusiness ul li.item3{background-color: #f3f3f3;}
.inBusiness ul li.item4{background-color: #e41700;}
.inBusiness ul li .box{height: 483px; padding: 40px; box-sizing: border-box;-webkit-box-sizing: border-box; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.inBusiness ul li.item1:hover .box{background-color: rgba(0,0,0,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);}
.inBusiness ul li.item2:hover .box{background-color: rgba(28,186,117,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#881cba75, endColorstr=#881cba75);}
.inBusiness ul li.item3:hover .box{background-color: rgba(243,243,243,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88f3f3f3, endColorstr=#88f3f3f3);}
.inBusiness ul li.item3:hover .tit{background: url(../images/inbusiness_more_h.png) right center no-repeat;}
.inBusiness ul li.item3 .dl dd .a{border-color: #000; color: #333;}
.inBusiness ul li.item4:hover .box{background-color: rgba(228,23,0,.88); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88e41700, endColorstr=#88e41700);}
.inBusiness ul li.item4 .dl dd .a:hover{background-color: #fff; border-color: #fff; color: #e41700;}
.inBusiness ul li .tit{font-size: 28px; color: #fff; padding-right: 45px;}
.inBusiness ul li .tit p{font-size: 14px; color: #c4c4c4;}
.inBusiness ul li.item3 .tit{color: #000;}
.inBusiness ul li.item3 .tit p{color: #7a7a7a;}
.inBusiness ul li:hover .tit{background: url(../images/inbusiness_more.png) right center no-repeat;}
.inBusiness ul li:hover .dl{visibility: visible; opacity: 1;}
.inBusiness .dl{margin-top: 20px; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.inBusiness .dl dd{display: inline-block;_display: inline;zoom:1; margin: 5px 5px 0 0;}
.inBusiness .dl dd .a{display: block; width: 105px; height: 33px; line-height: 33px; border: 2px solid #fff; text-align: center; font-size: 12px; color: #fff;}
.inBusiness .dl dd .a:hover,.inBusiness ul li.item3 .dl dd a:hover{background-color: #e41700; border-color: #e41700; color: #fff;}
.section02{background-color: #f4f4f4;}
.incaseTab{width: 100%; text-align: center; margin-top: 10px;}
.incaseTab ul li{display: inline-block;_display: inline;zoom:1; padding-right: 25px; margin-right: 25px; background: url(../images/incasetab_li.png) right center no-repeat;}
.incaseTab ul li:nth-last-child(1){background: none; margin-right: 0;}
.incaseTab ul li a{font-size: 18px; color: #666;}
.incaseTab ul li.on a{color: #e41700;}
.indexCase{width: 100%; margin-top: 50px; overflow: hidden;}
.indexCase .box{display: none;}
.indexCase ul li{width: 25%; float: left;}
.indexCase ul li .pic{width: 100%; /*height: 360px;*/ padding-top: 65%; overflow: hidden; position: relative; z-index: 1;}
.indexCase ul li .pic img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.indexCase ul li .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.indexCase ul li:hover .bg{visibility: visible; opacity: 1;}
.indexCase ul li .bg img{max-width: 100%; max-height: 100%; width: auto; transform: translateY(100%); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.indexCase ul li:hover .bg img{transform: translateY(0);}
.indexCase ul li .tit{background-color: #fff; height: 65px; padding: 15px 50px 0 24px; position: relative; z-index: 1;}
.indexCase ul li .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.indexCase ul li:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.indexCase ul li h2{font-size: 18px;  color: #000;}
.indexCase ul li p{font-size: 14px; color: #999;}
.indexCase ul li:hover h2,.indexCase ul li:hover p{color: #fff;}
.indexCase ul li .icon{width: 22px; height: 22px; background: url(../images/case_more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -11px; z-index: 10;}
.indexCase ul li:hover .icon{background: url(../images/case_more_h.png) no-repeat;}
.indexBtns{width: 100%; margin-top: 55px; text-align: center;}
.indexBtns a{display: inline-block; min-width: 194px; height: 54px; line-height: 54px; padding: 0 10px; overflow: hidden; border-radius: 25px; background-color: #1b1b1b; font-size: 18px; color: #fff; margin: 0 5px; position: relative; z-index: 1;}
.indexBtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.indexBtns a:hover:after,.indexBtns a.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.section03{background-color: #fff;}
.indexPartner{margin-top: 50px; padding: 1px 0 0 1px; overflow: hidden;}
.indexPartner ul li{width: 20%; float: left; border: 1px solid #f5f5f5; margin: -1px 0 0 -1px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexPartner ul li span{display: block; width: 100%; /*height: 149px;*/ padding-top: 46%; overflow: hidden; position: relative;}
.indexPartner ul li img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.indexPartner ul li:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.indexPartner ul li span:before,.indexPartner ul li span:after{position: absolute; z-index: 5; content:""; display: block; border: 5px solid transparent; width: 0; height: 0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexPartner ul li span:before{bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in; transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}
.indexPartner ul li span:after{top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.indexPartner ul li:hover span:before{width: 100%; height: 100%; border-bottom-color: #f5f5f5; border-left-color: #f5f5f5; -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.indexPartner ul li:hover span:after{width: 100%; height: 100%; border-top-color: #f5f5f5; border-right-color: #f5f5f5; -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;}
.section04{background-color: #f4f4f4;}
.indexnewsaaaa{width: 100%; margin-top: 50px;}
.indexnewsaaaa .item{width: 100%; overflow: hidden;}
.indexnewsaaaa .slick-dots{width: 100%; text-align: center; margin-top: 12px;}
.indexnewsaaaa .slick-dots li{width: 10px; height: 10px; position: relative; font-size: 0; cursor: pointer; background-color: #bebebe; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: none; border-radius: 50%;}
.indexnewsaaaa .slick-dots li button{display: none;}
.indexnewsaaaa .slick-dots li.slick-active{background-color: #e41700;}
.indexnwHot{/*width: 530px;*/ width: 32.55%; background-color: #fff; float: left;}
.indexnwHot a{display: block; padding: 40px 30px 30px 30px;}
.indexnwHot .h2{font-size: 20px; color: #333;}
.indexnwHot .h2:hover{color: #e41700;}
.indexnwHot .time{font-size: 14px; color: #999; margin: 5px 0 10px 0;}
.indexnwHot .pic{width: 100%; height: 493px; overflow: hidden; position: relative;}
.indexnwHot .pic span{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.indexnwHot .pic:hover span{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.indexnwlist{/*width: 1100px;*/ width: 100%;}
.indexnwlist ul li{width: 31%; height: 307px; float: left; margin: 0 0 16px 1.8%; background-color: #fff;}
.indexnwlist ul li a{display: block; padding: 40px 30px 10px 30px;}
.indexnwlist ul li .h2{font-size: 20px; color: #333;}
.indexnwlist ul li:hover .h2{color: #e41700;}
.indexnwlist ul li .pcont{font-size: 14px; color: #999; height: 63px; overflow: hidden; margin-top: 10px; text-align: justify; text-justify: inter-ideograph;}
.indexnwlist ul li .time{border-top: 1px solid #f3f3f3; padding-top: 15px; margin-top: 44px; font-size: 14px; color: #999; position: relative;}
.indexnwlist ul li .time b{font-family: 'Conv_DINCondensedC'; font-size: 48px; font-weight: bold; color: #666; line-height: 1.1;}
.indexnwlist ul li .time:after{content:""; display: block; width: 20px; height: 10px; position: absolute; right: 0; top: 50%; margin-top: 5px; background: url(../images/newsaaaa_more.png) no-repeat;}
.indexnwlist ul li:hover .time:after{background: url(../images/newsaaaa_more_h.png) no-repeat;}
.indexnwlist ul li:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.baiweiDemand{width: 100%; background-color: #fff; padding: 15px 0; position: relative; z-index: 1;}
.baiweiDemand .indexTitle{text-align: left;}
.baiweiDemand .indexTitle p{font-size: 14px;}
.baiweiform{margin: 30px 0 10px 0;}
.baiweiform ul li{/*width: 455px;*/ width: 27.95%; float: left; margin-right: 0.38333%;}
.baiweiform ul li.itemSub{/*width: 224px;*/ width: 15%; float: left; margin-right: 0;}
.baiweiform ul li .bwtext{width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #333; border: 1px solid #ececec; padding: 0 20px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.baiweiform ul li .bwtext:focus{border-color: #e41700;}
.baiweiform ul li .bwsele{width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #999; border: 1px solid #ececec; padding-left: 20px;}
.baiweiform ul li .bwsele{appearance: none;-moz-appearance: none;-webkit-appearance: none; outline: none;}
.baiweiform ul li .bwsele::-ms-expand{display:none;}
.baiweiform ul li .submit{width: 100%; height: 55px; background-color: #e41700; border: 2px solid #e41700; font-size: 14px; color: #fff; cursor: pointer; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.baiweiform ul li .submit:hover{background-color: #000; border-color: #000;}
.italic{font-size: 12px; color: #999;}


.bx-wrapper .bx-controls-direction .bx-next{ background: rgba(255,255,255,0.85) url(../images/youjiant.png) no-repeat center center; background-size: cover; }
.bx-wrapper .bx-controls-direction .bx-prev{ background: rgba(255,255,255,0.85) url(../images/zuojiantou.png) no-repeat center center; background-size: cover;  }











/*website*/
#fp-nav22222{display: none;}
.section{overflow: hidden;zoom: 1;}
.section .webPic{width: 63.5%; height: 100%; float: right; position: relative;}
.section .webPic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.section .webTmain{width: 36.5%; text-align: right; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.section .webBox{max-width: 512px; margin: 0 40px; display: inline-block; text-align: left;}
.section .webTmain .h2{font-size: 48px; font-weight: bold; color: #000; line-height: 1.1;}
.section .webTmain .h3{font-size: 24px; color: #000;}
.section .webTmain .pn{font-size: 14px; color: #999; margin-top: 10px; height: 84px; overflow: hidden; text-align: justify;text-justify: inter-ideograph;}
.section .webBtns{width: 100%; margin-top: 60px;}
.section .webBtns a{display: inline-block; width: 162px; height: 48px; line-height: 48px; font-size: 16px; color: #333; background-color: #fff; text-align: center; overflow: hidden; position: relative; z-index: 1;}
.section .webBtns a:hover,.section .webBtns a.on{color: #fff;}
.section .webBtns a:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.section .webBtns a:hover:after,.section .webBtns a.on:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.section .webBrand{width: 100%; margin-top: 65px;}
.section .webBrand ul li{width: 33.333%; float: left; margin-top: 1px;}
.section .webBrand ul li span{display: block; padding-top: 45%; margin-right: 1px; position: relative;}
.section .webBrand ul li span img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.i-wrap1,.i-wrap3,.i-wrap5,.i-wrap7{background-color: #000; background-position: center; background-size: cover; background-repeat: no-repeat;}
.i-wrap2,.i-wrap4,.i-wrap6{background-color: #f2f2f2;}
.i-wrap3{background-image: url(../images/webbox03.jpg);}
.i-wrap3 .webPic,.i-wrap5 .webPic,.i-wrap7 .webPic{float: left;}
.i-wrap3 .webTmain,.i-wrap5 .webTmain,.i-wrap7 .webTmain{float: right; text-align: left; left: auto; right: 0;}
.i-wrap3 .webTmain .h2,.i-wrap3 .webTmain .h3,.i-wrap5 .webTmain .h3,.i-wrap5 .webTmain .h2,.i-wrap7 .webTmain .h3,.i-wrap7 .webTmain .h2{color: #fff;}
.i-wrap3 .webTmain .pn,.i-wrap5 .webTmain .pn,.i-wrap7 .webTmain .pn{color: #fff; opacity: .5;}
.i-wrap5{background-image: url(../images/webbox05.jpg);}
.i-wrap7{background-image: url(../images/webbox07.jpg);}
.active .banner .banText .h2{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1s; -webkit-animation-duration: 1s;}
.active .banner .banText .pn{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1.2s; -webkit-animation-duration: 1.2s;}
/*.section .webPic{opacity: 0; transform: translateX(100%);transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.active .webPic{opacity: 1; transform: translateX(0);}
.section .webTmain{opacity: 0; transform: translateX(-100%);transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;-moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.active .webTmain{opacity: 1; transform: translateX(0);}*/
.active .webPic{
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.active .webBox{
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes fadeInUp1 {
    0% { -webkit-opacity: 0; -webkit-transform: translate3d(0px, 150px, 0); transform: translate3d(0px, 150px, 0); }
    100% { -webkit-opacity: 1; -webkit-transform: none; transform: none;}
}
@-webkit-keyframes fadeInUp1 {
    0% { -webkit-opacity: 0; -webkit-transform: translate3d(0px, 150px, 0); transform: translate3d(0px, 150px, 0); }
    100% { -webkit-opacity: 1; -webkit-transform: none; transform: none;}
}
@-webkit-keyframes slideInDown1 {
    0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes slideInDown1 {
    0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.slideInDown1{-webkit-animation-name: slideInDown1; animation-name: slideInDown1;}
@-webkit-keyframes slideInDown2 {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes slideInDown2 {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.slideInDown2{-webkit-animation-name: slideInDown2; animation-name: slideInDown2;}

/*mobile*/
.m-wrap2,.m-wrap3,.m-wrap4{background-color: #eee; background-position: left bottom; background-size: cover; background-repeat: no-repeat;}
.m-wrap2{background-image: url(../images/mobile1.jpg);}
.m-wrap3{background-image: url(../images/mobile2.jpg);}
.m-wrap4{background-image: url(../images/mobile3.jpg);}
.mobText{width: 446px; padding-top: 210px;}
.mobText .h2{font-size: 46px; color: #000;}
.mobText .pn{font-size: 16px; color: #666; line-height: 30px; margin-top: 5px;}
.mobText .th{font-size: 24px; color: #000; margin-top: 30px;}
.mobText .dl,.myApplt{margin-top: 10px; overflow: hidden;}
.mobText .dl dd{width: 56px; text-align: center; font-size: 14px; color: #333; float: left; margin-right: 40px;}
.mobText .dl dd img{margin: 0 auto;}
.mobText .dl dd p{margin-top: 5px;}
.myApplt ul{margin-left: -9px; margin-right: -9px;}
.myApplt ul li{width: 20%; float: left;}
.myApplt ul li span{margin: 0 9px; display: block;}
.active .mobText .h2{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 0.5s; -webkit-animation-duration: 0.5s;}
.active .mobText .pn{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1s; -webkit-animation-duration: 1s;}
.active .mobText .th{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 1.5s; -webkit-animation-duration: 1.5s;}
.active .mobText .dl{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 2s; -webkit-animation-duration: 2s;}
.active .mobText .myApplt{animation-name: fadeInUp1; -webkit-animation-name: fadeInUp1; animation-duration: 2.5s; -webkit-animation-duration: 2.5s;}
.active .indexTitle h2{animation-name: slideInDown1; -webkit-animation-name: slideInDown1; animation-duration: 0.2s; -webkit-animation-duration: 0.2s;}
.active .indexTitle p{animation-name: slideInDown2; -webkit-animation-name: slideInDown2; animation-duration: 0.4s; -webkit-animation-duration: 0.4s;}

/*case*/
.nybanner{width: 100%; height: 760px; position: relative; overflow: hidden; background-image: url(../images/banner3.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.nybanner .nyTitle{width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0%, -50%);}
.nybanner .h2{font-size: 46px; font-weight: bold; color: #fff; line-height: 1.1;}
.nybanner .h2 i{color: #e41700;}
.nybanner .pn{font-family: "Arial"; font-size: 16px; color: #dadada; margin-top: 10px;}
.caseWrap{width: 100%; background-color: #fff; padding-top: 100px;}
.caseDetails{padding: 80px 0 56px 0;}
.caseTextBox{padding: 90px 190px; margin-bottom: 24px; background-color: #f6f6f6;}
.caseTextBox img{max-width: 100%; margin: 0 auto;}
.caseTextBox .caseTitle{width: 340px; float: left;}
.caseTextBox .caTit{font-size: 36px; font-weight: bold; color: #000;}
.caseTextBox .line{width: 33px; height: 3px; display: block; background-color: #000; margin-top: 5px;}
.caseTextBox .caseInfo{width: 590px; float: right;}
.caseTextBox .caText{font-size: 14px; color: #333; line-height: 30px; text-align: justify; text-justify: inter-ideograph;}
.caseTextBox .caTage{font-size: 12px; color: #999; line-height: 20px; margin-top: 40px;}
.caseTextBox .Btns{display: block; width: 112px; height: 36px; line-height: 36px; font-size: 14px; color: #333; border: 2px solid #000; border-radius: 25px; margin-top: 15px; overflow: hidden; text-align: center; position: relative; z-index: 1;}
.caseTextBox .Btns:hover{color: #fff;}
.caseTextBox .Btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.caseTextBox .Btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.caseTextBox .mobewm{width: 100px; text-align: center; font-size: 12px; color: #999; margin-top: 15px;}
.caseTextBox .mobewm img{width: 100%; margin-bottom: 3px;}
.caseDetailsBom{padding: 65px 0 80px 0; background-color: #f6f6f6;}
.caseRecoomlist{width: 100%; margin-top: 45px;}
.caseRecoomlist .box{display: block; margin: 0 15px; background-color: #fff;}
.caseRecoomlist .pic{width: 100%; /*height: 360px;*/ padding-top: 65%; overflow: hidden; position: relative; z-index: 1;}
.caseRecoomlist .pic img{width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.caseRecoomlist .bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.caseRecoomlist .box:hover .bg{visibility: visible; opacity: 1;}
.caseRecoomlist .bg img{max-width: 100%; max-height: 100%; width: auto; transform: translateY(100%); transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
.caseRecoomlist .box:hover .bg img{transform: translateY(0);}
.caseRecoomlist .tit{background-color: #fff; height: 65px; padding: 15px 50px 0 24px; position: relative; z-index: 1;}
.caseRecoomlist .tit:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.caseRecoomlist .box:hover .tit:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.caseRecoomlist h2{font-size: 18px; font-weight: bold; color: #000;}
.caseRecoomlist p{font-size: 14px; color: #999;}
.caseRecoomlist .box:hover h2,.caseRecoomlist .box:hover p{color: #fff;}
.caseRecoomlist .icon{width: 22px; height: 22px; background: url(../images/case_more.png) no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -11px; z-index: 10;}
.caseRecoomlist .box:hover .icon{background: url(../images/case_more_h.png) no-repeat;}
.caseRecoomlist .slick-dots{width: 100%; text-align: center; margin-top: 15px;}
.caseRecoomlist .slick-dots li{width: 10px; height: 10px; position: relative; font-size: 0; cursor: pointer; background-color: #bebebe; display: inline-block; _display: inline; zoom: 1; margin: 0 5px; border: none; border-radius: 50%;}
.caseRecoomlist .slick-dots li button{display: none;}
.caseRecoomlist .slick-dots li.slick-active{background-color: #e41700;}
.app-list ul li .pic{padding-top: 56%;}
.app-list ul li .bg,.app-list ul li .hidden{display: none;}
.sl-overlay{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 3000; opacity: 1; display: none; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);}
.sl-wrapper .sl-close{position: fixed; right: 30px; top: 30px; z-index: 4000; font-size: 0; width: 88px; height: 88px; background: url(../images/app-close.png) no-repeat;}
.sl-wrapper .sl-nav22222igation button{position: fixed; top: 50%; margin-top: -23px; width: 50px; height: 46px; font-size: 0; z-index: 4000;}
.sl-wrapper .sl-nav22222igation button.sl-prev{left: 30px; background: url(../images/app-prev.png) no-repeat;}
.sl-wrapper .sl-nav22222igation button.sl-next{right: 30px; background: url(../images/app-next.png) no-repeat;}
.font-48{font-size: 48px; line-height: 1;}
.alert-action{position: fixed; top: 70px; left: 96px; z-index: 2000; width: 88px; height: 88px; background: url(../images/app-close.png) no-repeat; cursor: pointer;}
.lb-nav22222 a.lb-prev{background: url(../images/app-prev.png) left 48% no-repeat;}
.lb-nav22222 a.lb-next{background: url(../images/app-next.png) right 48% no-repeat;}

/*newsaaaa*/
.newsaaaaTou{width: 100%; margin-top: 50px;}
.newsaaaalist ul{margin-left: -8px; margin-right: -8px; margin-bottom: -16px;}
.newsaaaalist ul li{width: 33.333%; float: left; margin-bottom: 16px;}
.newsaaaalist ul li a{display: block; padding: 40px 30px 10px 30px; margin: 0 8px; background-color: #fff;}
.newsaaaalist ul li .h2{font-size: 20px; color: #333;}
.newsaaaalist ul li:hover .h2{color: #e41700;}
.newsaaaalist ul li .pcont{font-size: 14px; color: #999; height: 63px; overflow: hidden; margin-top: 10px; text-align: justify; text-justify: inter-ideograph;}
.newsaaaalist ul li .time{border-top: 1px solid #f3f3f3; padding-top: 15px; margin-top: 44px; font-size: 14px; color: #999; position: relative;}
.newsaaaalist ul li .time b{font-family: 'Conv_DINCondensedC'; font-size: 48px; font-weight: bold; color: #666; line-height: 1.1;}
.newsaaaalist ul li .time:after{content:""; display: block; width: 20px; height: 10px; position: absolute; right: 0; top: 50%; margin-top: 5px; background: url(../images/newsaaaa_more.png) no-repeat;}
.newsaaaalist ul li:hover .time:after{background: url(../images/newsaaaa_more_h.png) no-repeat;}
.newsaaaalist ul li:hover a{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.page{width: 100%; text-align: center; margin-top: 60px;}
.page a{display: inline-block; font-size: 16px; color: #999; background-color: #fff; padding: 7px 14px;}
.page a:hover,.page a.on{background-color: #e41700; border-color: #e41700; color: #fff;}
.newsaaaaleft{/*width: 1288px;*/ width: 79%; float: left;}
.newsaaaadetail{background-color: #fff; padding: 50px 64px 100px 64px;}
.newsaaaadetail h1{font-size: 36px; font-weight: bold; color: #000; text-align: center; word-wrap: break-word;}
.newsaaaadetail .newsaaaainfo{font-size: 14px; color: #999; padding: 10px 0; text-align: center;}
.newsaaaadetail .newsaaaainfo .admin,.newsaaaadetail .newsaaaainfo .time,.newsaaaadetail .newsaaaainfo .bdsharebuttonbox{display: inline-block;_display: inline;zoom: 1; vertical-align: middle;}
.newsaaaadetail .newsaaaainfo .bdsharebuttonbox a{padding: 0; margin: 0 0 0 5px; display: inline-block; float: none; width: 27px; height: 27px; background-position: center; -webkit-transition: all 0s ease; transition: all 0s ease;}
.newsaaaadetail .newsaaaainfo .bdsharebuttonbox a.bds_weixin{background-image: url(../images/nwwx.png);}
.newsaaaadetail .newsaaaainfo .bdsharebuttonbox a.bds_sqq{background-image: url(../images/nwqq.png);}
.newsaaaadetail .newsaaaainfo .bdsharebuttonbox a.bds_tsina{background-image: url(../images/nwwb.png);}
.newsaaaadetail .newsaaaatext{border-top: 1px solid #ebebeb; padding: 40px 0; word-wrap: break-word; text-align: justify;text-justify: inter-ideograph;}
.newsaaaadetail .newsaaaatext img{margin: 0 auto;}
.newsaaaadetail .newsaaaamore{width: 100%; height: 48px; line-height: 48px; background-color: #efefef;}
.newsaaaadetail .newsaaaamore ul li{width: 33.333%; float: left; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newsaaaadetail .newsaaaamore ul li a{font-size: 14px; color: #333; display: inline-block; margin: 0 20px;}
.newsaaaadetail .newsaaaamore ul li a:hover{color: #e41700;}
.newsaaaadetail .newsaaaamore ul li.Prev{text-align: left;}
.newsaaaadetail .newsaaaamore ul li.Prev a{padding-left: 20px; background: url(../images/newsaaaa_prev.png) left center no-repeat;}
.newsaaaadetail .newsaaaamore ul li.Backlist a{padding-left: 20px; background: url(../images/backlist.png) left center no-repeat;}
.newsaaaadetail .newsaaaamore ul li.Next a{padding-right: 20px; background: url(../images/newsaaaa_next.png) right center no-repeat;}
.newsaaaadetail .newsaaaamore ul li.Next{text-align: right;}
.newsaaaaright{/*width: 305px;*/ width: 19%; float: right;}
.nwNextlist{background-color: #fff; padding: 20px 0;}
.nwNextlist ul li{padding: 10px 30px;}
.nwNextlist ul li .th{display: block; font-size: 18px; color: #333; position: relative; z-index: 1;}
.nwNextlist ul li .th i{display: inline-block; background-color: #fff; padding-right: 10px;}
.nwNextlist ul li .th:after{content:""; display: block; width: 100%; height: 1px; background-color: #e3e3e3; position: absolute; left: 0; top: 49%; z-index: -1;}
.nwNextlist ul li .time{font-size: 14px; color: #999; margin-top: 10px;}
.nwNextlist ul li .h2{font-size: 16px; color: #666;}
.nwNextlist ul li:hover .h2{color: #e41700;}
.nwMyewm{margin-top: 15px; background-color: #fff; text-align: center; padding: 34px;}
.nwMyewm .th{display: block; font-size: 16px; color: #666; margin-bottom: 5px;}
.nwMyewm .ewm img{border: 1px solid #f5f5f5; margin: 0 auto;}

/*about*/
.abbanner{width: 100%; height: 100vh; position: relative; overflow: hidden; background-color: #000; background-image: url(../images/banner5.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.aboutNumBar{width: 100%; position: absolute; left: 0; top: 50%; transform: translate(0%, -50%);}
.aboutNumBar ul li{width: 33.333%; float: left; text-align: center;}
.aboutNumBar ul li .box{width: 226px; display: inline-block; text-align: left;}
.aboutNumBar ul li .num{font-family: 'Conv_DINCondensedC'; font-size: 100px; font-weight: bold; color: #e41700; line-height: 1.1;}
.aboutNumBar ul li .pn{font-size: 16px; color: #fff;}
.mouseBtns{width: 20px; height: 30px; border: 2px solid #fff; border-radius: 10px; position: absolute; left: 0; right: 0; bottom: 20px; z-index: 10; margin: auto; cursor: pointer;}
.mouseBtns i{display: block; width: 3px; height: 9px; background-color: #fff; position: absolute; left: 0; right: 0; top: 0px; margin: auto; -webkit-animation: mouse-dot1 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot1 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot1 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot1 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.aboutBox{width: 100%; padding: 80px 0; background-color: #fff;}
.aboutBox .layout{max-width: 1100px;}
.aboutTitle{width: 100%; text-align: center;}
.aboutTitle h2{font-size: 48px; color: #000; line-height: 1.1;}
.aboutTitle p{font-size: 18px; color: #666; margin-top: 10px;}
.aboutUs{background-color: #f8f8f8; margin-top: 50px; padding: 70px 144px; border-radius: 10px;}
.aboutUs .h2{font-size: 36px; font-weight: bold; color: #e41700; position: relative; z-index: 1;}
.aboutUs .h2:after,.aboutUs .h2:before{content:""; display: block; width: 37px; height: 34px; position: absolute; top: 10px; z-index: -1; background-size: cover; background-repeat: no-repeat;}
.aboutUs .h2:before{left: -65px; background-image: url(../images/abicon_l.png);}
.aboutUs .h2:after{right: -20px; background-image: url(../images/abicon_r.png);}
.aboutUs .pn{font-size: 16px; color: #666; text-align: justify;text-justify: inter-ideograph;}
.aboutBox02{width: 100%; min-height: 650px; background-image: url(../images/aboutbox02.jpg); background-attachment: fixed; background-position: center; background-size: cover; background-repeat: no-repeat;}
.aboutBox02 .aboutTitle h2{color: #fff;}
.aboutSer{width: 100%; margin-top: 50px;}
.aboutSer ul li{margin-top: 1px; padding: 45px 60px; overflow: hidden; position: relative; background-color: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);}
.aboutSer ul li .h2{width: 180px; padding: 20px 10px 0 0; float: left; font-size: 30px; color: #eca50b;}
.aboutSer ul li .pn{width: 402px; float: left; font-size: 16px; color: #fff; opacity: .6; text-align: justify;text-justify: inter-ideograph;}
.aboutSer ul li .icon{width: 35px; height: 35px; border-radius: 50%; background-color: #e41700; display: block; position: absolute; right: 60px; top: 50%; margin-top: -17px;}
.aboutSer ul li .icon:after{content:""; width: 0; height: 0; position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto; border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.aboutBox03{background-color: #f7f7f7;}
.abContact{width: 100%; border-top: 1px solid #e6e6e6; margin-top: 50px;}
.abContact ul li{border-bottom: 1px solid #e6e6e6; padding: 30px 140px 40px 0; position: relative;}
.abContact ul li .h2{font-size: 24px; color: #000; margin-bottom: 5px;}
.abContact ul li .h2 img{max-width: 51px; margin-right: 5px; vertical-align: bottom;}
.abContact ul li .pn{font-size: 16px; color: #666; line-height: 30px;}
.abContact ul li .Btns{width: 120px; height: 38px; line-height: 38px; text-align: center; background-color: #e41700; font-size: 16px; color: #fff; overflow: hidden; display: block; position: absolute; right: 0; top: 50%; z-index: 1; margin-top: -19px;}
.abContact ul li .Btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.abContact ul li .Btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}

/*contact*/
.contact-box01{width: 100%; background-color: #fff; padding: 230px 0 190px 0;}
.contact-box01 .h2{font-size: 24px; color: #333;}
.contact-box01 .pn{margin-top: 10px;}
.contact-box01 .pim img{max-width: 100%; display: block;}
.contact-box01 .line{width: 43px; height: 2px; display: block; background-color: #333; margin: 50px 0;}
.contact-box01 .pe{margin-bottom: 10px;}
.contact-box01 .btns{width: 188px; height: 55px; line-height: 55px; text-align: center; background-color: #333; font-size: 12px; color: #fff; overflow: hidden; display: block; margin-top: 90px; position: relative; z-index: 1;}
.contact-box01 .btns:after{content:""; display: block; width: 100%; height: 100%; background-color: #e41700; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.contact-box01 .btns:hover:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.contact-box02{width: 100%; padding: 190px 0 120px 0; background-color: #000; background-image: url(../images/contact-box02.jpg); background-attachment: fixed; background-position: center top; background-repeat: no-repeat;}
.cont-info{width: 100%; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #1e1e1d; border-bottom: 1px solid rgba(255,255,255,.1);}
.cont-info ul li{width: 50%; float: left;}
.cont-info ul li{font-size: 16px; color: #fff;}
.cont-info ul li .tn{font-size: 14px; color: #ccc; display: block; margin: 5px 0;}
.cont-tips{font-size: 12px; color: #fff;}
.cont-tips span{color: #ccc;}
.cont-form{width: 100%; min-height: 575px; position: relative;}
.cont-form ul li{/*width: 755px;*/ width: 46.35%; margin-top: 30px;}
.cont-form ul li .tit{font-size: 14px; color: #fff; height: 30px; line-height: 30px;}
.cont-form ul li .tit i{color: #f00;}
.cont-form ul li .cont-text,.cont-form ul li .cont-teat,.cont-form ul li .cont-sele{width: 100%; height: 40px; line-height: 40px; background: none; border: 2px solid #808080; padding: 0 10px; font-size: 14px; color: #fff; -webkit-box-sizing: border-box;box-sizing: border-box;}
.cont-form ul li .cont-teat{height: 540px; padding: 5px 10px; line-height: 24px;}
.cont-form ul li .cont-text:focus,.cont-form ul li .cont-teat:focus{border-color: #fff;}
.cont-form ul li.item-teat{position: absolute; right: 0; top: 0;}
.cont-form ul li .cont-sele{color: #999;}
.cont-form ul li.item-submit{margin-top: 40px;}
.cont-form ul li .btns{/*width: 364px;*/ width: 48.3%; height: 50px; border: none; background-color: #b8b8b8; font-size: 16px; color: #333; cursor: pointer; float: left;}
.cont-form ul li .btns:hover,.cont-form ul li .reset{background-color: #e41700; color: #fff;}
.cont-form ul li .reset{float: right;}

.about-box01{width: 100%; background-color: #fff; padding: 120px 0;}
.about-box01 .about-tm{max-width: 910px; margin: 0 auto; text-align: center;}
.about-box01 .about-tm .h2{font-size: 40px; color: #000; margin-bottom: 30px;}
.about-box01 .about-tm .h3{font-size: 14px; color: #666; line-height: 30px;}
.about-box01 .IndexList{width: 70%; padding-top: 30px;}
.about-box02{width: 100%; height: 676px; background-image: url(../images/about03.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.about-box02 .about-xzwm{max-width: 1295px; margin: 0 auto; padding-top: 70px; text-align: center;}
.about-box02 .about-xzwm .h2{font-size: 36px; color: #fff; margin-bottom: 10px;}
.about-box02 .about-xzwm .h3{font-size: 16px; color: #d9d9d9;}
.about-box02 .about-xzwm .abul li{width: 21%; max-width: 270px; float: left; margin-top: 120px; margin-right: 18%; margin-right: 11%\0;}
.about-box02 .about-xzwm .abul li .co{display: block; width: 120px; height: 120px; border: 1px solid #fff; border-radius: 100%; margin: 0 auto; background-image: url(../images/about04.png); background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all .5s ease;transition: all .5s ease;}
.about-box02 .about-xzwm .abul li:hover .co{background-position: 0 -120px; border-color: #dc1010;}
.about-box02 .about-xzwm .abul li .c1{background-position: 0 0;}
.about-box02 .about-xzwm .abul li .c2{background-position: -120px 0;}
.about-box02 .about-xzwm .abul li:hover .c2{background-position: -120px -120px;}
.about-box02 .about-xzwm .abul li .c3{background-position: -240px 0;}
.about-box02 .about-xzwm .abul li:hover .c3{background-position: -240px -120px;}
.about-box02 .about-xzwm .abul li .t{display: block; font-size: 24px; font-weight: bold; color: #fff; margin: 20px 0;}
.about-box02 .about-xzwm .abul li p{font-size: 14px; color: #c4c4c4;}
.about-box02 .about-xzwm .abul li:nth-of-type(3n){margin-right: 0;}
.about-box03{width: 100%; background-color: #fff; border-bottom: 1px solid #ddd; padding: 120px 0;}
.about-box03 .about-xzwm{max-width: 1295px; margin: 0 auto; text-align: center;}
.about-box03 .about-xzwm .h2{font-size: 40px; color: #000; margin-bottom: 30px;}
.about-box03 .about-xzwm .h3{font-size: 14px; color: #666; line-height: 30px;}
.ab-team ul li{width: 30%; float: left; position: relative; overflow: hidden; cursor: pointer; margin-top: 5%; margin-right: 5%; margin-right: 3%\0;}
.ab-team ul li:nth-of-type(3n){margin-right: 0;}
.ab-team ul li .pic{width: 100%; overflow: hidden;}
.ab-team ul li .pic img{width: 100%; display: block;}
.ab-team ul li .tmask{width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 5; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000); -webkit-transition: all .5s ease;transition: all .5s ease;}
.ab-team ul li:hover .tmask{visibility: visible; opacity: 1;}
.ab-team ul li .tm{padding: 35px; text-align: left; transform: translateX(0) translateY(10%); -webkit-transition: all .8s ease;transition: all .8s ease;}
.ab-team ul li:hover .tm{transform: translateX(0) translateY(0);}
.ab-team ul li .tm .n1{font-size: 24px; font-weight: bold; color: #fff;}
.ab-team ul li .tm .n2{font-size: 16px; color: #fff; display: block;}
.ab-team ul li .tm .line{display: block; width: 20px; height: 1px; background-color: #fff; margin-top: 10px; margin-bottom: 30px;}
.ab-team ul li .tm p{font-size: 14px; color: #fff; margin-bottom: 10px;}
.IndexList{width: 440px; margin: 0 auto; display: table; position: relative; -webkit-transition: all .8s ease-out 0s;transition: all .8s ease-out 0s;}
.IndexList ul{font-size: 0; padding-top: 30px;}
.IndexList li{display: inline-block; width: 33.33%; text-align: center; position: relative;}
.IndexList li i{font-size: 16px; color: #000;}
.IndexList li span{display: block; font-size: 14px; color: #666; letter-spacing: 4px;}
.nub{font-size: 48px; color: #000; line-height: 48px; height: 48px; display: inline-block;}
.NumContent{height: inherit; display: inherit; overflow: hidden; position: relative; line-height: inherit; font-size: inherit;}
.NumContent>div{line-height: inherit; color: inherit; font-size: inherit; display: inline-block;}
.NumContent>div>div{line-height: inherit; color: inherit; font-size: inherit;}
.NumContent>div:nth-child(1){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(2){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(3){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0;
}
.NumContent>div:nth-child(4){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.NumContent>div:nth-child(5){
	transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-webkit-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
	-moz-transition: all 2s cubic-bezier(.35,.75,.55,1) 0s;
}
.IndexList.active{
	opacity: 1;
	transform: translateY(0px);	
	-webkit-transform: translateY(0px);	
	-moz-transform: translateY(0px);	
}

/*myTop*/
.myTop{width: 66px; position: fixed; _position: absolute; right: 0; bottom: 5%; z-index: 100;}
.myTop ul li{margin-top: 1px; height: 66px; text-align: center; position: relative;}
.myTop ul li a{padding: 10px 5px 7px 5px; display: block; font-size: 12px; color: #fff; background-color: #221f1f; overflow: hidden; position: relative; z-index: 10;}
.myTop ul li a:after{content:""; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #e41700;
    -webkit-transform-origin: -50% 50%;
    transform-origin: -50% 50%;
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    opacity: 0\9;
    filter: alpha(opacity=0)\9;
}
.myTop ul li:hover a:after{-webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); opacity: 1\9; filter: alpha(opacity=100)\9; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
/*.myTop ul li:hover a{background-color: #e41700;}*/
.myTop ul li .icon{width: 24px; height: 24px; margin: 0 auto; display: block; background-position: center; background-repeat: no-repeat;}
.myTop ul li .t{display: block; margin-top: 7px;}
.myTop ul li.myMess .icon{background-image: url(../images/mymess.png);}
.myTop ul li.myNum .icon{background-image: url(../images/mynum.png);}
.myTop ul li.mySer .icon{background-image: url(../images/myser.png);}
.myTop ul li.GoTop .icon{background-image: url(../images/gotop.png);}
.myTop ul li .Phone{width: 200px; height: 66px; line-height: 66px; font-size: 16px; color: #fff; background-color: #e41700; opacity: .8; position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.myTop ul li:hover .Phone{left: -200px;}

/*footer*/
.footer{width: 100%; background-color: #191618; background-image: url(../images/footerbg.jpg); background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
.footer .footTou{padding: 77px 0 60px 0;}
.footer .ftlogoaaaaaaas{width: 240px; float: left; font-size: 14px; color: #666;}
.footer .ftlogoaaaaaaas p{margin-top: 10px;}
.footer .ftewm{width: 119px; float: right; text-align: center; font-size: 14px; color: #666;}
.footer .ftlinks{/*width: 840px;*/ width: 60.6%; float: right; overflow: hidden; word-break: break-all; word-wrap: break-word;}
.footer .dl{width: 16.666%; float: left;}
.footer .dl dt{font-size: 16px; color: #fff; padding: 0 35px 10px 0; position: relative;}
.footer .dl dt:after{content:" / "; display: block; font-size: 16px; color: #fff; position: absolute; right: 45px; top: 0;}
.footer .dl:nth-last-child(1) dt:after{display: none;}
.footer .dl dd{margin-top: 10px; padding-right: 10px; font-size: 14px;}
.footer .dl dd a{color: #666;}
.footer .dl dd a:hover{color: #e41700;}
.footer .footBom{width: 100%; padding: 20px 0; border-top: 1px solid #424242; overflow: hidden;zoom: 1;}
.footer .ftCopy{width: 50%; float: left; text-align: left; font-size: 12px; color: #424242;}
.footer .bdsharebuttonbox{width: 40%; float: right; text-align: right;}
.footer .bdsharebuttonbox a{width: 27px; height: 27px; margin: 0 0 0 7px; padding: 0; float: none; display: inline-block; background-image: url(../images/share.png); background-position: 0 0; background-repeat: no-repeat;}
.footer .bdsharebuttonbox a.bds_weixin{background-position: 0 0;}
.footer .bdsharebuttonbox a.bds_weixin:hover{background-position: 0 -27px;}
.footer .bdsharebuttonbox a.bds_tsina{background-position: -27px 0;}
.footer .bdsharebuttonbox a.bds_tsina:hover{background-position: -27px -27px;}
.footer .bdsharebuttonbox a.bds_sqq{background-position: -54px 0;}
.footer .bdsharebuttonbox a.bds_sqq:hover{background-position: -54px -27px;}

/*Mobile Css*/
@media screen and (max-width:1600px){
    .logoaaaaaaa a{width: 220px;}
    .nav22222 ul li{margin-right: 10px; margin-left: 15px; }
    .nav22222 ul li .box{width: 644px;}
    .nav22222 ul li:nth-child(2) .box{width: 794px;}
    .nav22222 ul li:nth-child(3) .box{width: 700px;}
    .nav22222 ul li:nth-child(5) .box{margin-right: 430px;}
    .nav22222 ul li:nth-child(6) .box{margin-right: 338px;}
    .nav22222 ul li .nav22222-body a{margin-right: 15px;}
    .bannerNumBar ul li{height: 110px; padding-top: 20px;}
    .inBusiness ul li .box{padding: 40px 30px;}
    .mobText{padding-top: 150px;}
}
@media screen and (min-width:1200px) and (max-width:1519px){
    .layout{ width: 1180px; }

    .header{height: 80px;}
    .nav22222 ul li>a{height: 80px; line-height: 80px;}
    .nav22222 ul li .nav22222-body{top: 80px;}
    .callNum{height: 80px; line-height: 80px;}
    .bannerNumBar ul li{height: 80px; padding-top: 20px;}
    .bannerNumBar ul li .box{margin: 0 50px;}
    .bannerNumBar ul li .num{font-size: 40px;}
    .bannerNumBar ul li .pn{font-size: 14px;}
    .inBusiness ul li .box{height: 380px;}
    .baiweiDemand{padding: 15px 0;}
    .dowebok .baiweiDemand{padding: 15px 0;}
    .nybanner{height: 528px;}
    .nybanner .h2{font-size: 34px;}
    .footer .ftlinks{width: 640px;}
    .footer .dl dt{font-size: 14px; padding-right: 20px;}
    .footer .dl dt:after{right: 20px;}
    .footer .dl dd{font-size: 12px;}
    .section .webTmain{width: 47.5%;}
    .section .webPic{width: 52.5%;}
    .section .webTmain .h2,.mobText .h2{font-size: 24px;}
    .section .webTmain .h3{font-size: 16px;}
    .section .webBtns,.section .webBrand{margin-top: 20px;}
    .mobText{width: 400px;}
    .mobText .pn{font-size: 12px; line-height: 24px;}
    .mobText .th{font-size: 14px; font-weight: bold; margin-top: 15px;}
    .mobText .dl dd{font-size: 12px;}
    .caseTextBox{padding: 60px 40px;}
    .contact-box01{padding: 120px 0;}
}
@media screen and (min-width:459px) and (max-width:768px){
    .layout { width: 750px; }

    .header{width: 100vw; height: 60px; background-color: #fff;}
    .logoaaaaaaa{position: absolute; left: 3%; top: 0; padding-top: 0;}
    .logoaaaaaaa a{width: 120px; height: 60px; background-image: url(../images/logoaaaaaaa_h.png);}
    .nav22222,.callNum,.myTop,.footer .ftlinks{display: none;}
    .btn-m-list{display: block;}
    .bannerNumBar ul li{height: 80px; padding-top: 20px;}
    .bannerNumBar ul li .box{margin: 0 20px;}
    .bannerNumBar ul li .num{font-size: 40px;}
    .aboutNumBar ul li .num{font-size: 60px;}
    .indexTitle h2,.aboutTitle .h2,.nybanner .h2{font-size: 24px;}
    .aboutUs .h2{font-size: 20px;}
    .nybanner .pn,.aboutNumBar ul li .pn,.bannerNumBar ul li .pn{font-size: 14px;}
    .aboutUs .pn{font-size: 12px;}
	
    .inBusiness ul li .box{height: 380px;}
    .inBusiness ul li{width: 50%;}
    .indexCase ul li{width: 33.333%;}
    .indexnwHot,.indexnwlist,.caseTextBox .caseTitle,.caseTextBox .caseInfo{width: auto; float: none;}
    .indexnwHot a{padding: 20px;}
    .indexnwHot .pic{height: auto; padding-top: 104%;}
    .indexnwlist ul{margin-left: -5px; margin-right: -5px;}
    .indexnwlist ul li{width: 50%; height: auto; margin: 10px 0 0 0; background: none;}
    .indexnwlist ul li:hover,.newsaaaalist ul li:hover a{box-shadow: none; transform: none; transition: none;}
    .indexnwlist ul li a{padding: 20px; margin: 0 5px; background-color: #fff;}
    .indexnwlist ul li .pcont{font-size: 12px; height: 87px;}
    .indexnwlist ul li .time{margin-top: 20px;}
    .baiweiform ul li{width: 25.95%;}
    .baiweiform ul li.itemSub{width: 20%;}
    .section{height: auto !important;}
    .section .webPic,.section .webTmain{opacity: 1; transform: translateX(0);}
    .section .webTmain,.section .webPic{width: auto; float: none;}
    .section .webPic img{position: relative; max-width: 60%;}
    .section .webTmain{padding: 40px; position: relative; left: auto; right: auto; top: auto; -webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
    .section .webBox{margin: 0 auto; display: block;}
    .section .webTmain .h2{font-size: 24px;}
    .section .webTmain .h3{font-size: 16px;}
    .section .webBtns,.section .webBrand{margin-top: 20px;}
    .nybanner,.abbanner{height: 600px !important;}
    .mobText{padding: 150px 0;}
    .caseWrap{padding-top: 60px;}
    .caseTextBox{padding: 40px 20px;}
    .caseTextBox .caseInfo{margin-top: 20px;}
    .newsaaaaTou .indexnwlist ul li a,.newsaaaalist ul li a{padding: 30px 20px;}
    .newsaaaalist ul li{width: 50%; margin: 16px 0 0 0;}
    .newsaaaaleft{width: 74%;}
    .newsaaaadetail{padding: 40px 20px 50px 20px;}
    .newsaaaadetail h1{font-size: 20px;}
    .newsaaaaright{width: 25%;}
    .nwNextlist{padding: 15px 0;}
    .nwNextlist ul li{padding: 10px 15px;}
    .nwMyewm{padding: 20px;}
    .contact-box01,.contact-box02{padding: 110px 0 120px 0;}
    .aboutNumBar ul li .box{width: 197px;}
    .aboutSer ul li .h2{width: 115px;}
    .aboutSer ul li .pn{width: 320px;}
}
@media screen and (max-width:768px){
    .layout { width: 95%; }

    .header{width: 100vw; height: 60px; background-color: #fff;}
    .logoaaaaaaa{float: none; padding-top: 0;}
    .logoaaaaaaa a{width: 120px; height: 60px; background-image: url(../images/logoaaaaaaa_h.png);}
    .nav22222,.callNum,.myTop,.footer .ftlinks{display: none;}
    .btn-m-list{display: block;}
    .banner .pimg,.nybanner,.abbanner{height: 400px !important;}
    .banner .banText{transform: translateY(-50%); margin-top: 40px;}
    .banner .banText .pn,.indexTitle p,.baiweiform ul li,.baiweiform ul li.itemSub{margin-top: 5px;}
    .mouseIco{width: 40px; height: 40px; margin-top: 10px; overflow: hidden;}
    .bannerNumBar .digital,.bannerNumBar .digital.active{transform: rotateX(0deg) translate3d(0,0,0);-webkit-transform: rotateX(0deg) translate3d(0,0,0);-moz-transform: rotateX(0deg) translate3d(0,0,0);}
    .bannerNumBar{position: static; left: auto; bottom: auto;}
    .bannerNumBar ul li{height: 70px; padding-top: 20px;}
    .bannerNumBar ul li.item1,.bannerNumBar ul li.item2,.bannerNumBar ul li.item3,.bannerNumBar ul li .box{text-align: center;}
    .bannerNumBar ul li .box{margin: 0 5px;}
    .indexTitle h2,.aboutTitle .h2{font-size: 24px;}
    .banner .banText .h2,.bannerNumBar ul li .num,.nybanner .h2,.aboutNumBar ul li .num,.abContact ul li .h2,.indexnwlist ul li .time b{font-size: 20px;}
    .indexCase ul li h2,.indexnwHot .h2,.newsaaaalist ul li .h2,.newsaaaalist ul li .time b,.aboutUs .h2{font-size: 16px;}
    .inBusiness ul li .tit,.indexBtns a,.indexnwlist ul li .h2,.incaseTab ul li a,.nwNextlist ul li .h2,.nwMyewm .th,.aboutUs .pn,.aboutSer ul li .pn,.abContact ul li .Btns{font-size: 14px;}
    .indexTitle p,.banner .banText .pn,.bannerNumBar ul li .pn,.inBusiness ul li .tit p,.indexCase ul li p,.indexnwlist ul li .time,.footer .ftlogoaaaaaaas,.nybanner .pn,.newsaaaalist ul li .time,.aboutNumBar ul li .pn,.indexnwlist ul li .pcont,.newsaaaalist ul li .pcont,.nwNextlist ul li .time,.abContact ul li .pn{font-size: 12px;}
    .sectionBox,.baiweiDemand,.aboutBox{padding: 30px 0 40px 0;}
    .inBusiness,.indexCase,.indexPartner,.indexnewsaaaa,.baiweiform,.newsaaaaTou,.caseTextBox .caseInfo,.caseRecoomlist,.aboutUs,.aboutSer,.abContact{margin-top: 20px;}
    .inBusiness ul li{width: 50%;}
    .inBusiness ul li .box{padding: 20px 10px; height: 320px;}
    .inBusiness ul li .tit,.inBusiness ul li:hover .tit,.inBusiness ul li.item3:hover .tit{padding-right: 26px; background-size: 20px auto;}
    .inBusiness .dl{margin-top: 5px; display: -webkit-box;display: flex;-webkit-box-flex: 1;flex-grow: 1;flex-wrap: wrap;}
    .inBusiness .dl.clearfix:before,.inBusiness .dl.clearfix:after{display: none;}
    .inBusiness .dl dd{width: 50%; float: none; margin: 5px 0 0 0; flex-basis: 50%;}
    .inBusiness .dl dd a,.inBusiness .dl dd .a{width: auto; padding: 0 5px; border: 1px solid #fff; font-size: 8px; height: 28px; line-height: 28px; margin: 0 2px; overflow: hidden;}
    .incaseTab ul li{padding-right: 8px; margin-right: 5px; margin-top: 5px;}
    .indexCase ul li{width: 50%;}
    .indexCase ul li .tit{padding: 10px 40px 0 10px; height: 50px;}
    .indexCase ul li .icon{right: 10px;}
    .indexCase ul li .bg img{max-height: 80px;}
    .indexBtns{margin-top: 15px;}
    .indexBtns a{min-width: 75px; height: 35px; line-height: 35px;}
    .indexPartner ul li{width: 33.333%;}
    .indexnwHot,.indexnwlist,.baiweiform ul li,.baiweiform ul li.itemSub,.footer .ftlogoaaaaaaas,.footer .ftlinks,.footer .ftCopy,.footer .bdsharebuttonbox,.section .webTmain,.section .webPic,.caseTextBox .caseTitle,.caseTextBox .caseInfo,.newsaaaaleft,.newsaaaaright,.aboutSer ul li .h2,.aboutSer ul li .pn{width: auto; float: none;}
    .indexnwHot a{padding: 20px;}
    .indexnwHot .pic{height: auto; padding-top: 104%;}
    .indexnwlist ul{margin-left: -5px; margin-right: -5px;}
    .indexnwlist ul li{width: 50%; height: auto; margin: 10px 0 0 0; background: none;}
    .indexnwlist ul li a{padding: 20px 15px; margin: 0 5px; background-color: #fff;}
    .indexnwlist ul li .pcont,.newsaaaalist ul li .pcont{height: 125px; margin-top: 5px;}
    .indexnwlist ul li .time,.newsaaaalist ul li .time{margin-top: 10px; padding-top: 10px;}
    .footer .footTou{padding: 45px 0 0 0;}
    .footer .ftlogoaaaaaaas{text-align: center;}
    .footer .ftlogoaaaaaaas img{max-width: 120px;}
    .footer .ftewm{float: none; margin: 0 auto; padding: 15px 0;}
    .footer .ftCopy,.footer .bdsharebuttonbox{text-align: center;}
    .footer .bdsharebuttonbox{margin-top: 5px;}
    .section{height: auto !important;}
    .section .webPic,.section .webTmain{opacity: 1; transform: translateX(0);}
    .section .webPic img{position: relative; max-width: 95%;}
    .section .webTmain{padding: 20px 2.5% 40px 2.5%; position: relative; left: auto; right: auto; top: auto; -webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
    .section .webBox{max-width: 100%; margin: 0;}
    .section .webTmain .h2,.mobText .h2,.caseTextBox .caTit{font-size: 20px;}
    .section .webTmain .h3,.mobText .th{font-size: 14px;}
    .section .webTmain .pn,.mobText .pn,.mobText .dl dd{font-size: 12px; height: auto;}
    .section .webBtns,.section .webBrand{margin-top: 20px;}
    .section .webBtns a{width: 110px; height: 38px; line-height: 38px; font-size: 12px;}
    .mobText{width: auto; padding: 80px 0;}
    .mobText .th{margin-top: 15px;}
    .mobText .dl dd{margin-right: 10px;}
    .page{margin-top: 20px;}
    .page a{font-size: 12px; padding: 6px 10px;}
    .caseWrap{padding-top: 60px;}
    .caseDetails{padding: 40px 0 30px 0;}
    .caseTextBox{padding: 40px 20px;}
    .caseDetailsBom{padding: 40px 0;}
    .newsaaaalist ul{margin-left: -5px; margin-right: -5px; margin-bottom: 0;}
    .newsaaaalist ul li{width: 50%; margin: 10px 0 0 0;}
    .newsaaaalist ul li a{margin: 0 5px; padding: 20px 10px;}
    .newsaaaaleft,.newsaaaaright{margin-bottom: 5px;}
    .newsaaaadetail{padding: 40px 20px 50px 20px;}
    .newsaaaadetail h1{font-size: 20px;}
    .newsaaaadetail .newsaaaatext{padding: 20px 0;}
    .nwNextlist{padding: 15px 0;}
    .nwNextlist ul li{padding: 10px 15px;}
    .nwMyewm{padding: 20px;}
    .aboutNumBar{margin-top: 10px;}
    .aboutNumBar ul li .box{width: auto; margin: 0 5px; text-align: center;}
    .aboutUs{padding: 30px 20px;}
    .aboutUs .h2{padding: 10px 45px 0 45px;}
    .aboutUs .h2:before{left: 0;}
    .aboutUs .h2:after{right: 0;}
    .about-box01 .about-tm .h2,.about-box03 .about-xzwm .h2{font-size: 20px; margin-bottom: 10px;}
	.about-box01 .IndexList{width: 95%; padding-top: 0;}
	.about-box01 .about-tm .h2{font-size: 26px;}
    .about-box01 .about-tm .nub{font-size: 30px; height: 34px; line-height: 34px;}
	.about-box02{height: auto; padding-bottom: 70px; overflow: hidden;}
	.about-box02 .about-xzwm .abul li,.about-box02 .about-xzwm .abul li:nth-of-type(3n){max-width: 100%; width: auto; float: none; margin: 20px 0 0 0;}
    .about-box02 .about-xzwm .h2{font-size: 20px; margin-bottom: 5px;}
    .about-box02 .about-xzwm .h3{font-size: 14px;}
    .about-box02 .about-xzwm .abul li .co{width: 70px; height: 70px; background-size: 210px auto;}
    .about-box02 .about-xzwm .abul li:hover .c1{background-position: 0 -70px;}
    .about-box02 .about-xzwm .abul li .c2{background-position: -70px 0;}
    .about-box02 .about-xzwm .abul li:hover .c2{background-position: -70px -70px;}
    .about-box02 .about-xzwm .abul li .c3{background-position: -140px 0;}
    .about-box02 .about-xzwm .abul li:hover .c3{background-position: -140px -70px;}
    .about-box02 .about-xzwm .abul li .t{font-size: 16px; margin: 20px 0 5px 0;}
    .about-box02 .about-xzwm .abul li p{font-size: 12px;}
	.about-box01,.about-box03{padding:40px 0;}
	.ab-team ul li{width: 49%; margin-right: 2%;}
	.ab-team ul li:nth-of-type(3n){margin-right: 2%;}
	.ab-team ul li:nth-of-type(2n){margin-right: 0;}
	.ab-team ul li .tm{padding: 10px;}
	.ab-team ul li .tm .n1{font-size: 14px;}
	.ab-team ul li .tm .n2,.ab-team ul li .tm p{font-size: 12px;}
	.ab-team ul li .tm .line{margin: 5px 0;}
	.ab-team ul li .tm p{margin-bottom: 0;}
    .aboutSer ul li{padding: 20px;}
    .aboutSer ul li .h2{text-align: center; font-size: 20px; padding: 0;}
    .aboutSer ul li .pn{padding: 15px 0;}
    .aboutSer ul li .icon{position: relative; margin: auto; right: auto; top: auto;}
    .abContact ul li{padding: 20px 0;}
    .abContact ul li .Btns{position: relative; right: auto; top: auto; margin-top: 15px;}
    .abContact ul li .pn{line-height: 22px;}

    .alert-action{left: 30px; top: 30px; width: 40px; height: 40px; background-size: cover;}
    .font-48{font-size: 20px;}
    .contact-box01{padding: 90px 0 40px 0;}
    .contact-box02{padding: 90px 0;}
    .contact-box01 .h2{font-size: 16px;}
    .contact-box01 .pn img{max-width: 110px;}
    .contact-box01 .pe img{max-width: 250px;}
    .contact-box01 .line{margin: 20px 0;}
    .contact-box01 .btns{width: 120px; height: 40px; line-height: 40px; margin-top: 30px;}
    .cont-info{padding-bottom: 20px; margin-bottom: 20px;}
    .cont-info ul li,.cont-form ul li{width: 100%;}
    .cont-form ul li{margin-top: 15px;}
    .cont-form ul li.item-teat{position: relative; right: auto; top: auto;}
    .cont-form ul li .cont-teat{height: 200px;}
}

.inBusiness ul li.item3 .dl dd .a:hover{ color: #FFFFFF !important; }